<template>
  <n-list bordered>
    <template v-for="(item, index) in props.list" :key="index">
      <n-list-item>
        <n-thing :title="item.title">
          {{ item.text }}
        </n-thing>
      </n-list-item>
    </template>
  </n-list>
</template>

<script setup lang="ts">
import { NList, NListItem, NThing } from "naive-ui";
const props = defineProps({
  list: {
    type: Array as PropType<
      {
        title: string;
        text: string;
      }[]
    >,
  },
});
</script>
<style scoped></style>
